<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8"></meta>
        <title>html教程</title>
    </head>

    <body>
        <a id="head"><h1>一级标题</h1></a>
            <p>这是一个段落呀
                <br/>
                <!-- 代码中排版是没有作用的，浏览器会省略多余排版 -->
                    浏览器会省略多余的排版
            </p>
            <p>段落中间可以用<br>br<br>来换行</p>
        <h2>超链接</h2>
            <!-- 页面内跳转的id -->
            跳转到<a id="tips">跳到我这里</a>
            <br>
            在当前标签页跳转<a href="https://baidu.com">超链接</a>
            <br>
            在新标签页跳转<a href="https://mi.com" target="_blank">小米</a>
            <br>
            <!-- 跳转到定义的id位置 -->
            <a href="#head">跳转到头部</a>
            <br>

            <!-- mailto:收件人 -->
            <!-- cc 抄送 -->
            <!-- bcc 密送 -->
            <!-- subject 主题 -->
            <!-- body 内容 -->
            <a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">发送电子邮件</a>
        <h2>文本</h2>
            <b>加粗</b>文本显示、<strong>着重</strong>显示
            <br>
            <i>斜体</i>文本显示、<em>着重斜体</em>显示
            <br>
            <big>放大显示文字</big>
            <br>
            <small>缩小显示文字</small>
            <br>
            <code>电脑自动输出</code>
            <br>
            这是<sub>下标</sub>和<sup>上标</sup>
            <br>
            <!--sup下标  sub上标-->
            2x<sup>2<sup>x</sup></sup>+log<sub>n</sub><sup>x</sup>=20
        <h3>三级标题</h3>
        <!--pre中的内容会按照本身的排版显示-->
        <pre>
使用pre中的内容
会 
        按照原来排版显示
        </pre>
            <!-- 为什么不显示这个图片 -->
            <img loading="lazy" src="/pzh/client/appicon-512.png" width="1024" height="1024" />

            <br>
            <a href="https://www.runoob.com/html/html-links.html#tips">访问有用的提示部分</a>
    </body>
<!-- </html> -->